<html>
    <head>
        <meta charset="utf8">
        <style>
            html, body {
                height: 100%;
    
                background-image: url(./bk_img_login.jpg);
                background-repeat: no-repeat;
                background-position: center;
                background-size: cover;
            }

        /* 设置表单的样式 */
        form {
            display: flex;
            flex-direction: column;
            align-items: center; /* 水平居中 */
            justify-content: center; /* 垂直居中 */
            height: 100vh; /* 让表单占满整个视口高度 */
            margin: 0;
        }

        /* 设置输入框的样式 */
        input[type="text"],
        input[type="password"],
        input[type="submit"] {
            margin: 5px 0; /* 添加一些外边距 */
            padding: 8px; /* 添加一些内边距 */
            width: 200px; /* 设置输入框的宽度 */
        }
        </style>
    </head>
    <body>

        <form action="/login" method="post">
            <label>账号</label><input type="text" name="username"><br/>
            <label>密码</label><input type="password" name="password"><br/>
            <input type="submit" value="提交" name="submit">
        </form>
    </body>
</html>